 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
     <style>
         *{
             text-align:center;
             box-sizing: border-box;         
         }
         .y1{
             height: 50px;
             width: 50px;
             background-color: orangered;
             margin: 50px auto;
         }
         div>input{
             width: 500px;
             height: 50px;
             margin: 10px auto;
         }
        .y2>button{
            width: 500px;
            height: 50px;
            background-color: rgb(255, 82, 82);
            color: rgb(255, 255, 255);
        }
     </style>
 </head>
 <body>
     <div>
     <div class="y1">
         <img src="./mi-logo.png"/>
     </div>
     <h2>小米账号登录</h2>
     <div class="y2">
     <div><input type="text" value="邮箱、手机、小米ID" ></div><p>
     <div><input type="text" value="邮箱、手机、小米ID" ></div>
     <button>登录</button>
     </div>
 </body>
 </html>